html,body{ width:100%; height:100%; font-family:"PingFang SC","Helvetica Neue",Helvetica,"Microsoft Yahei","WenQuanYi Micro Hei",Arial,Verdana,sans-serif;}
html,body,h1,h2,h3,h4,h5,p,ul,li,dl,dd{padding:0; margin:0;}
h1,h2,h3,h4,h5{ font-weight:normal;}
li{ list-style:none;}
a{ text-decoration:none;}
i{ display:inline-block;}
input,select{ font-family:"微软雅黑";}


.header{ width:100%; height:60px; background:rgba(0,0,0,0.3); position:fixed; left:0; top:0; z-index:999;}
.header .nav{ width:1000px; height:60px; margin:0 auto; text-align:center; position:relative; font-size:16px;}
.header .nav a{ display:inline-block; color:#fff;}
.header .nav a.logo{width:190px; height:60px; background:url("../../image/new_index/logo2.png") center no-repeat; position:absolute; left:0; top:0;}
/*.header .nav a.logo{width:154px; height:60px; background:url(/image/new_index/christmas_logo.png) center no-repeat; position:absolute; left:0; top:0; background-size: contain;}*/
/*.header .nav a.Christmas{ width: 154px; height: 52px; background-image: url("/image/new_index/christmas_logo.png"); background-size: contain;}*/
.header .nav ul{ display:inline-block; padding:10px 0;}
.header .nav ul li{ float:left; line-height:40px; color:#fff; position:relative;}
.header .nav ul li a{ padding:0 15px;}
.header .nav ul li a i{ width:16px; height:9px; background:url("../../image/new_index/icon_more.png"/*tpa=https://beecloud.cn/image/new_index/icon_more.png*/) no-repeat; margin-left:5px; vertical-align:middle;}
.header .nav ul li a:hover{ color:#FF6C2C;}
.header .nav ul li a:hover i{ background-image:url("../../image/new_index/icon_more_orange.png"/*tpa=https://beecloud.cn/image/new_index/icon_more_orange.png*/);}
.header .nav ul li a.on{ color:#FF6C2C;}
.header .nav ul li a.on i{ background-image:url("../../image/new_index/icon_more_orange.png"/*tpa=https://beecloud.cn/image/new_index/icon_more_orange.png*/);}
.header .nav ul li div{ position:absolute; top:31px; left:0; min-width:120px; display:none;}
.header .nav ul li ul{ background:rgba(0,0,0,0.3); margin-top:20px;}
.header .nav ul li ul li{ font-size:14px;}
.header .nav ul li:hover div{ display:block;}
.header .nav .loginbar{ position:absolute; right:0; top:0;}
.header .nav .loginbar a{ /*width:58px;*/ height:28px; padding: 0 12px; border-radius:15px; text-align:center; line-height:28px; margin-top:15px;}
.header .nav .loginbar a.login{ border:1px solid #fff;}
.header .nav button{ width:40px; height:40px; border:0; background-color:transparent; position:absolute; top:10px; right:10px; background:url("../../image/new_index/index_list.png"/*tpa=https://beecloud.cn/image/new_index/index_list.png*/) center no-repeat; background-size:20px 20px; display:none;}


.section{ width:100%; height:100%;
    transition:-webkit-transform 1s ease;
    -webkit-transition:-webkit-transform 1s ease;
    -moz-transition:-moz-transform 1s ease;
    -o-transition:-o-transform 1s ease;
}
.section .page{ width:100%; height:100%;}
.section .page .content{ width:1000px; margin:0 auto; text-align:center;}
.section .page .content h1{ font-size:24px; color:#2F86DF; line-height:42px;}
.section .page .content h1 span{font-size: 16px; margin-top: -12px;  display: block;color:#6f6f6f; font-family:Courier New}
.section .page_span span{    font-weight: bold;  color: #FF9813;  font-size: 34px;  font-style: italic; }
/*index page1*/
.section .page1{ background:url("../../image/new_index/banner.png") center;  background-position: 0 0;  background-size: 100% 100%;}
.section .page1 .content{ color:#fff;}
/*.section .page1 .content h1{ font-size:110px; color:#fff; line-height:180px;}
.section .page1 .content h1 b{ color:#FF6C2C; font-weight: normal;}
.section .page1 .content h2{ font-size:60px; line-height:100px;}
.section .page1 .content h3{ font-size:46px; line-height:100px;}
.section .page1 .content h4{ font-size:22px; line-height:40px;}
.section .page1 .content h4 i{ width:22px; height:22px; background:url(/image/new_index/icon_play.png) no-repeat; margin-left:15px; vertical-align:middle;}*/

/*new index page1*/
.section .page1 .content .left{float: left; margin-top: 150px}
.section .page1 .content .left h1{ color:#fff; font-size: 36px;font-weight: 100;height: 50px;line-height: 50px;margin-bottom: 38px;text-align: left;}
.section .page1 .content .left h1 b{ color:#FF6C2C; font-weight: normal;}
.section .page1 .content .left .down{  margin-top: 14px; text-align: left;}
.section .page1 .content .left .down p{height: 50px;display: inline-block;}
.section .page1 .content .left .down p img{height: 50px;}
.section .page1 .content .left .down .logo{border-right: 1px solid #fff;padding-right: 37px}
.section .page1 .content .left .down .pay{width: 80px;height: 50px;margin-left: 37px;}
.section .page1 .content .right{float: right;margin-top: 0px;max-width: 340px;max-height: 620px;height: 80%;}

@media screen and (max-width: 999px) and (min-width: 768px){
	.section .page .content{ width:100%; margin:0 auto; text-align:center;}
	.section .page1 .content .left{float: left;width: 370px;padding-left: 10px}
	.section .page1 .content .left h1{ color:#fff; font-size: 28px;font-weight: 100;height: 50px;line-height: 50px;margin-bottom: 38px;text-align: left}
}


/*index page2*/
.section .page2 .content{padding-top:200px;}
/*.section .page2 .content h1{ font-size:24px; color:#FF6C2C; line-height:42px;}
.section .page2 .content h1 span{ color:#6f6f6f; font-family:Courier New}*/
.section .page2 .content .column{ width:196px; border:1px solid #ffb595; margin:35px 1px 0; padding:20px 0; min-height:300px; float:left; text-align:center;
transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;
}
.section .page2 .content .column:hover{ box-shadow:0px 0px 10px #ff9c71; /*border:1px solid #FF6C2C;*/}
.section .page2 .content .column h4{ font-size:16px; line-height:100px; color:#4A4A4A;}
.section .page2 .content .column img{ height:80px; margin:15px 0;}
.section .page2 .content .column p{ height:60px; font-size:14px; color:#999; line-height:20px;}
.section .page2 .content .column a{ line-height:80px; font-size:14px; color:#FF6C2C;/* font-family:"黑体";*/}
.section .page2 .content .column a.not{ color:#888;}

/*index page3*/
.section .page3{background:url("../../image/new_index/img_bg_keyboard.png"/*tpa=https://beecloud.cn/image/new_index/img_bg_keyboard.png*/) center no-repeat #FAFAFA;}
.section .page3 .content{padding-top:250px;}
.section .page3 .content .users{ padding:80px 0px 0;}
.section .page3 .content .users span{ display:inline-block; width:20%; height:32px; text-align:left; float:left; margin:20px 0;}
/*.section .page3 .content .users span:nth-child(4n){ width:100px; text-align:right;}*/
.section .page3 .content .users span.nth4{ width:100px; text-align:right;}
.section .page3 .content .users span img{ height:100%;}

/*index page4*/
.section .page4 .content{padding-top:180px;}
.section .page4 .content dl{ padding:25px 80px 0; width:20%; float:left;}
.section .page4 .content dl:nth-child(2n+1){ float:right;}
.section .page4 .content dl dt{ font-size:16px; line-height:36px;}
.section .page4 .content dl dt i{ display:inline-block; width:87px; height:87px; background:url("../../image/new_index/icon_efficiency.png"/*tpa=https://beecloud.cn/image/new_index/icon_efficiency.png*/) no-repeat; margin-bottom: 15px;}
.section .page4 .content dl dd{ font-size:14px; color:#9F9F9F;}
.section .page4 .content dl dd a{ font-size:12px; color:#FF6C2C; line-height:36px;}
.section .page4 .content dl.stable dt i{ background-image:url("../../image/new_index/icon_stable.png"/*tpa=https://beecloud.cn/image/new_index/icon_stable.png*/);}
.section .page4 .content dl.safety dt i{ background-image:url("../../image/new_index/icon_safety.png"/*tpa=https://beecloud.cn/image/new_index/icon_safety.png*/);}
.section .page4 .content dl.fast dt i{ background-image:url("../../image/new_index/icon_fast.png"/*tpa=https://beecloud.cn/image/new_index/icon_fast.png*/);}

/*index page5*/
.section .page5{background:url("../../image/new_index/img_bg_ipad.png") center no-repeat #FAFAFA;}
.section .page5 .content{padding-top:200px;}
.section .page5 .content .users{ padding:50px 2px 0;}
.section .page5 .content .users span{ display:inline-block; width:166px; height:70px; text-align:center; float:left; margin:20px 0;
    /*transition:all 2s ease;*/
    /*-webkit-transition:all 2s ease;*/
    /*-moz-transition:all 2s ease;*/
    /*-o-transition:all 2s ease;*/
    /*-ms-transition:all 2s ease;*/
    transform:rotateY(90deg);
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
    -ms-transform:rotateY(90deg);
/*background:url(/image/new_index/icon_cjbg.png) center no-repeat; background-size:contain;*/
}
.section .page5 .content .users span a{ width: 100%; height: 100%; display: block;}
.section .page5 .content .users span img{ height:100%; border-radius: 10px;}

/*index page6*/
.section .page6{ position:relative;}
.section .page6 .content{padding:150px 0 50px;}
.section .page6 .content .con{ width:45%; float:left; padding:1%; color:#6f6f6f; font-size:14px;}
.section .page6 .content .con ul{ padding:20px 0 0 30px;}
.section .page6 .content .con ul li{ text-align:left; position:relative; margin:20px; line-height:22px;}
.section .page6 .content .con ul li p{ padding-bottom:15px;}
.section .page6 .content .con ul li:before{ content:""; width:60px; height:25px; background:url("../../image/new_index/icon_tel.png"/*tpa=https://beecloud.cn/image/new_index/icon_tel.png*/) left center no-repeat; position:absolute; left:-35px; top:0; display:inline-block;}
.section .page6 .content .con ul li.email:before{ background-image:url("../../image/new_index/icon_email.png"/*tpa=https://beecloud.cn/image/new_index/icon_email.png*/);}
.section .page6 .content .con ul li.address:before{ background-image:url("../../image/new_index/icon_address.png"/*tpa=https://beecloud.cn/image/new_index/icon_address.png*/);}
.section .page6 .content .left{ border-right:1px solid hsl(210, 100%, 87%);}
.section .page6 .content .right{ width:47%;}
.section .page6 .content .right div.search{ padding:60px 0;}
.section .page6 .content .right div.search input{ width:50%; height:36px; padding:0 5px; border:2px solid #FF6C2C; border-radius:4px; text-align:center; outline:none; vertical-align:middle; line-height:36px;}
.section .page6 .content .right div.search input::-webkit-input-placeholder{ color:#FF6C2C; font-size:14px;}
.section .page6 .content .right div.search button{ width:60px; height:40px; border:0; color:#fff; font-size:14px; margin-left:20px; background-color:#FF6C2C; border-radius:4px; vertical-align:middle;}
.section .page6 .content .right p{ padding:10px 50px;}
.section .page6 .content .right a{ display: inline-block; width: 140px; height: 40px; color: #fff; line-height: 40px; background-color: #FF6C2C; border-radius: 4px; margin: 60px 0;}

.section .page6 .footer{ width:100%; min-height:50px; background:url("../../image/new_index/footer_bg2.jpg"/*tpa=https://beecloud.cn/image/new_index/footer_bg2.jpg*/) center no-repeat; position:absolute; left:0; bottom:0;}
.section .page6 .footer .con{ width:1000px; margin:0 auto; color:#fff;}
.section .page6 .footer .con dl{ width:20%; float:left;}
.section .page6 .footer .con dl dt{ font-size:16px; line-height:50px;}
.section .page6 .footer .con dl dd{ font-size:14px; line-height:24px; color:#ccc;}
.section .page6 .footer .con dl dd a{ color:#ccc;}
.section .page6 .footer .con dl dd a:hover{ color:#fff;}
.section .page6 .footer .con .qrcode{ width:20%; padding:10px 0; float:left; text-align:center; line-height: 30px;}
.section .page6 .footer .con .qrcode img{ max-width:90%; height: 100px;}
.section .page6 .footer .con p{ text-align:center; line-height: 50px; font-size:14px;}


/*切换小图标*/
.tag-list{ width:25px; position:fixed; top:350px; right:40px; /*background:rgba(255,105,44,0.25);*/}
.tag-list ul{ width:25px; /*margin:-15px 0 0 -12px;*/}
.tag-list ul li{width:25px; height:25px; margin:12px 0; text-align:center; position:relative; cursor:pointer;}
.tag-list ul li i{ width:17px; height:17px; background:rgba(62, 162, 255, 0.69); border-radius:50%; margin-top:4px;}
.tag-list ul li div{ width:1px; height:20px; background:rgb(55, 136, 230); position:absolute; left:12px; top:21px;}
/*.tag-list ul li:first-child{ margin-top:0;}*/
.tag-list ul li.on{border-radius:50%;background:rgba(0, 109, 255, 0.44);}

.clear_float{ clear:both;}


.tag-list span{ display:inline-block; width:25px; height:25px; margin:10px 0;}
.tag-list i{ width:17px; height:17px; background:rgba(255,105,44,0.6); border-radius:50%; margin-top:4px;}
.tag-list span.on{border-radius:50%;background:rgba(255,105,44,0.25);}

@media(min-width:767px){
	html,body{ overflow:hidden;}
	.m-header{background:rgba(255,255,255,1); box-shadow:1px 1px 3px #eee;}
	.m-header .nav a{ display:inline-block; color:#4a4a4a;}
	.m-header .nav a.logo{width:190px; height:60px; background-image:url("../../image/new_index/logo1.png");}
	.m-header .nav .loginbar a.login{ border-color:#4a4a4a;}
    .m-header .nav ul li a i{ background-image:url("../../image/new_index/icon_more_gray.png"/*tpa=https://beecloud.cn/image/new_index/icon_more_gray.png*/);}

    .m-header .nav ul li ul{ background:rgba(255,255,255,1); margin-top:20px; box-shadow:0px 0px 6px #eee;}
    .m-header .nav ul li ul li{ font-size:14px;}
    .m-header .nav ul li:hover div{ display:block;}
}

@media( max-width:767px ){
	.header .nav{ width:100%;}
	.header .nav a.logo{ left:15px; background-image:url("../../image/new_index/logo2.png"); background-size:105px 24px;}
	.header .nav .loginbar{ width:100%; top:60px; height:60px; background:rgba(0,0,0,0.7); display: none;}
	.header .nav ul{ display:block; width:100%; position:absolute; left:0px; top:120px; background:rgba(0,0,0,0.7); display: none; padding:0;}
	.header .nav ul li{ width:100%; padding:0; line-height:44px;}
	.header .nav ul li div{ width:100%; top:44px;}
	.header .nav ul li div ul{background:rgba(0,0,0,0.7); margin-top:0; top:0;}
	.header .nav ul li:hover div{ display:none;}
	.header .nav button{ display:inline-block;}
	
	.section .page{ height:auto;}
	.section .page .content{ width:100%; padding:50px 0;}
	.section .page .content h1{ line-height:32px;}
	.section .page .content h1 span{ font-size:14px;}
	
	/*.section .page1{ height:100%;}
	.section .page1 .content{ padding:180px 0 120px;}
	.section .page1 .content h1{ font-size:60px; line-height:100px;}
	.section .page1 .content h1 span{font-size:60px; line-height:100px;}
	.section .page1 .content h2{ font-size:32px; line-height:52px;}
	.section .page1 .content h3{ font-size:24px; line-height:70px;}*/


    .section .page1{ height: 100%;}
	.section .page .content{ width:100%; margin-left:auto;margin-right: auto text-align:center;/*margin-top: -100px*/}
	.section .page1 .content .left{float: none;width: 100%;margin-top: 20px}
	.section .page1 .content .left h1{ color:#fff; font-size: 24px;font-weight: 100;line-height: 30px;margin-bottom: 10px;text-align: center;height: auto}
	.section .page1 .content .left .down{ margin-right: auto;margin-left: auto;text-align: center}
	.section .page1 .content .left .down p{height: 25px;display: inline-block;text-align: center}
	.section .page1 .content .left .down p img{height: 25px;}
	.section .page1 .content .left .down .logo{padding-right:15px}
	.section .page1 .content .left .down .pay{margin-left: auto;margin-right: auto;margin-top: 15px}
	.section .page1 .content .right{float: none;margin-top: 5px;margin-left: 15px;height: 60%;}

	/*.section .page2{margin-top: 80px;   }*/
	.section .page2 .content .column{ width:80%;margin: 10px 10%;}
	
	.section .page3{ background-size:cover;}
	.section .page3 .content .users {padding: 30px 0px 0;}
	.section .page3 .content .users span{ width:30%; height:26px; margin:20px 10%;}
	.section .page3 .content .users span:nth-child(4n){ width:30%; text-align:left;}
	.section .page3 .content .users span:nth-child(2n){ width:30%; text-align:right;}
	
	.section .page4 .content dl{ width:100%;padding: 50px 20px 0;padding: 0}
	.section .page4 .content dl:nth-child(2n+1){ float: none}
	.section .page5{ background-size:cover;}
	.section .page5 .content .users{padding: 30px 2px 0;}
	.section .page5 .content .users span{ width:33%;
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
    }
	
	.section .page6 .content .con{ width:98%;}
	.section .page6 .content .con ul{padding: 30px 0 0 30px;}
	.section .page6 .content .left{ border:0; margin-bottom:50px;}
	.section .page6 .content .right div.search{padding: 50px 0 10px;}
    .section .page6 .content .right a{ margin: 50px 0;}
	
	.section .page6 .footer{ position:static; height:auto; background-size:cover;}
	.section .page6 .footer .con{ width:auto; padding:30px 15px;}
	.section .page6 .footer .con dl{ width:25%; text-align:center;}
	.section .page6 .footer .con dl dt{ font-size:14px;}
	.section .page6 .footer .con dl dd{ font-size:12px;}
	.section .page6 .footer .con .qrcode{ width:100%; margin-top:30px;}
	.section .page6 .footer .con p{ font-size:12px;}
	
	
	.tag-list{ display:none;}
	
	.header .nav .show{
        display: block;;
		transition:all 0.2s linear 0s;
		-webkit-transition:all 0.2s linear 0s;
		-moz-transition:all 0.2s linear 0s;
		-o-transition:all 0.2s linear 0s;
	}

	.section .page2 .content>span{    display: inline-block;  padding: 1em;}
	.section .page2 .content .page_span>div{  padding: 0 !important;}
	.section .page2 .content .page_span>div>div{ width: 100% !important;}

}

@media(max-height:660px){
    .section .page6 .content .con ul li{ margin: 5px 20px;}
    .section .page6 .content .con ul li p{ padding-bottom: 6px;}
    .section .page6 .content .right div.search{padding: 50px 0;}
    .section .page6 .content .right a{ margin: 40px 0;}
}


.motify {
	display: none;
	position: fixed;
	top: 35%;
	left: 50%;
	width: 220px;
	padding: 0;
	margin: 0 0 0 -110px;
	z-index: 9999;
	border: 0;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 14px;
	line-height: 1.5em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: "0px 1px 2px rgba(0,0,0,.2)";
	-moz-box-shadow: "0px 1px 2px rgba(0,0,0,.2)";
	box-shadow: "0px 1px 2px rgba(0,0,0,.2)";
}
.motify .motify-inner {
	padding: 10px 10px;
	text-align: center;
	word-wrap: break-word;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
